﻿body
{
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    margin:0px auto auto auto;
    color:#000;
    
}

 #main_container{
    width:auto;
    height:auto;
    margin:auto;
    padding:0px;
}
 .top_bar{
    width:100%;
    height:38px;
    background-color:#4a4a4a;
    /*position:fixed;*/
}
.top_login{
    width:450px;
    height:32px;
    margin:0px 20px 0 0;
    float:right;
    background-color:#f0f0f0;
   
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    
   /* background:url(images/top_login.gif) no-repeat center;*/
}
.btnsubmit {
    margin:5px 0 0 20px ;
    border:1px solid #dbdbdb;
}
input.class_input{
    width:100px;
    height:18px;
    float:left;
    margin:5px 0 0 0 ;
    border:1px solid #dbdbdb;
    border-bottom-color:#ffffff;
    border-right-color:#ffffff;
}
.text{
    float:left;
    width:60px;
    padding:8px 0 0 15px;
    color:#999999;
}

#header{
    width:100%;
    height:140px;
    background:url(images/header_bg.png) no-repeat center;
    background-position:0px 0px;
    margin:auto;
}
#logo{
    float:left;
    padding:15px;
}

#menu_tab{
    width:100%;
    height:50px;
    background-color:#fff;
}
ul.menu {
    list-style-type:none; float:right; display:block; width:100%; 
    margin:0px; padding:0px;background:url(images/menu_bg.gif) repeat-x;
    /*background-color:yellow;*/

}
ul.menu li {
    display:inline;
    font-size:15px;
    font-weight:bold;
    line-height:50px;
    margin-left: 20px;
    margin-right: 20px;
}
ul.menu li.divider {
    margin-left: 20px;
    margin-right: 20px;
    display:inline;
    width:2px;
    height:50px;
    float:left;
    background:url(images/menu_divider.gif) no-repeat center;
}
ul.menu li.img_nav a:link,ul.menu li.img_nav a:visited{
    display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(images/home.png) no-repeat left; color:#676d77;

}
ul.menu li.no_img_nav a:link,ul.menu li.no_img_nav a:visited{
     display:block; float:left; /* padding:0px 8px 0px 22px;*/margin:0 18px 0 18px;height:50px;text-decoration:none;color:#676d77;
}
ul.menu li.img_nav a:hover,ul.menu li.no_img_nav a:hover{color:#000;}

/*-------------left_content------------------*/
.left_content{
    width:196px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    
}
.title_box{
    width:196px;
    height:40px;
    margin:5px 0 0 0;
    padding:8px 0 0 0;
    /*background:url(images/menu_title_bg.gif) no-repeat center;*/
    background-color:#5C97A1;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    line-height:30px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

/*--------left menu---------*/
ul.left_menu{
    width:196px;
    padding:0px;
    margin:0px;
    list-style:none;
    /*vertical-align:middle;*/
    
}
ul.left_menu li{
   margin:5px 0 5px 0;
   list-style:none;
  
}
ul.left_menu li:nth-child(2n+1) a{
    width:166px;height:40px;display:block;background:url(images/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid;
    text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li a{
    width:166px;height:40px;display:block;background:url(images/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
    text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li a:hover{
    background:url(images/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;
    box-shadow:5px 5px 5px #999;

}

.border_box{
    width:196px;
    height:250px;
    margin-top:10px;
    background-color:#eee6e6;
}

/*center content--------------------------*/
.center_content{
    width:1000px;
    float:left;
    padding-left:22px;
}
.center_title_bar{
    width:1000px;
    height:50px;
    float:left;
    display:block;
    margin: 5px 0 0 12px;
    padding: 0 0 0 30px;
    line-height:50px;
    font-size:18px;
    color:#676d77;
    font-weight:bold;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    background:url(images/menu_bg.gif)  center;
}

/*Center main*/
.center_main_content {
    float:left;
    width:1000px;
    height:auto;
    background-color:#eee6e6;
    margin: 5px 0 0 12px;
    padding: 0 0 0 30px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

/* view picture*/


/*test view*/
#thumbs{
  clear:both;
  float:left;
  width:1000px;
  height:auto;
  overflow:hidden;
  margin:0 0 10px 0;
  padding: 0;
  margin: 0;
}

#thumbs img{
  width:200px;
  height:200px;
  border: none;
  padding: 0;
  margin: 0;
}

#thumbs ul{
  padding:0;
  margin:50px auto;
  list-style-type:none;
  float:left;
  position:relative;
  left:50%;
}

#thumbs li{
  float:left;
  position:relative;
  padding:0;
  margin:10px;
  list-style:none;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  
}

#thumbs li a{
  background-color:#ffffff;
  margin:0;
  padding:10px;
  display:block;
  width: 200px;
  height: 200px;
  text-decoration:none;
  box-shadow:5px 5px 5px #999;
  /*background-clip:content-box;*/
}

#thumbs li a:hover, #thumbs li.active a{
  /*background-color:#990000;*/
   box-shadow:1px 1px 1px #999;
}
div.title_thumbs, span.titlebla {
    margin:0;
    width:200px;
    height:20px;
   
    display:block;
    position:absolute;
    bottom:10px;
    color:white;    
}
div.title_thumbs {
    background-color:black;
    opacity : 0.5;
}
span.titlebla {
    opacity : 1.0;
}
.space {
    width: 100%;
    height:50px;
}

div.center_title_bar div.question{

    float:right;
    height:50px;
    width:400px;
    
}
div.question > select {
    width: 200px;
    border:1px solid #dbdbdb;
    border-bottom-color:#ffffff;
    border-right-color:#ffffff;
}
.display_title {
    
    display:inline-block;
    right:10px;
}

div.boxhide {
    width:196px;
    height:300px;
    margin-top:2px;
    background-color:#eee6e6;
    
}
div.boxhide2 {
    width:196px;
    height:300px;
    margin-top:2px;
    background-color:#eee6e6;  
    
}
div.center_main_draw {
    float:left;
    width:1000px;
    height:580px;
    /*overflow-x:scroll;
    overflow-y:scroll;*/
    background:url(images/bg_paper.gif);
    margin: 5px 0 0 12px;
    padding: 0 0 0 30px;
    /*border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;*/
}
.button_bottom {
    width: 1000px;
    height: 50px;
    float: left;
    display: block;
    margin: 5px 0 0 12px;
    padding: 0 0 0 30px;
    line-height: 50px;
    font-size: 14px;
    color: #847676;
    font-weight: bold;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*background-color:#f0f0f0;*/
    background: url(images/menu_bg.gif) center;
}
 .button_bottom button {
        width: 100px;
        height:30px;
    }
ul.scope {
    margin-top:5px;
    padding-top:10px;
}
ul.scope li {
    margin: 0 0 10px 5px;
    width:100px;
    height:20px;
    border-radius:8px;
    border:2px  outset red;
    list-style:none;
    text-align:center;
}
 .footer{
   
    width:100%;
    clear:both;
    height:65px;
    background:url(images/footer_bg.gif) repeat-x top;
}
img.concept {
    width:800px;
    height: 600px;
}